//导入 craco-alias 包
const CracoAlias = require("craco-alias");
const CracoLess = require('craco-less');
module.exports = {
  //配置插件
  plugins: [
    /* https://github.com/risenforces/craco-alias */
    {
      plugin: CracoAlias,
      //按常规思路来讲 这里就应该去配置路径的别名了
      options: {
        source: "tsconfig",
        tsConfigPath: "./tsconfig.extend.json",
      },
    },
		{
			plugin: CracoLess
		}
  ],

  // 开发服务器配置
	devServer: {
		// 激活代理服务器
		proxy: {
			// 将来以/dev-api开头的请求，就会被代理服务器转发到目标服务器去。
			"/api": { // 需要转发的请求前缀
				target: "http://localhost:3001", // 目标服务器地址  http://localhost:3001/api/todo
				changeOrigin: true, // 为true时代理在转发时, 会将请求头的host改为target的值
				pathRewrite: { // 路径重写, 在转发请求时自动去除路径的/dev-api
					"^/api": "",
				},
			},
      // 可以在下面配置多个代理
      "/toutiao": { // 需要转发的请求前缀
				target: "https://www.toutiao.com", // 目标服务器地址  http://localhost:3001/api/todo
				changeOrigin: true, // 为true时代理在转发时, 会将请求头的host改为target的值
				pathRewrite: { // 路径重写, 在转发请求时自动去除路径的/dev-api
					"^/toutiao": "",
				},
			},
			// 可以在下面配置多个代理
      "/bilibili": { // 需要转发的请求前缀
				target: "https://api.live.bilibili.com", // 目标服务器地址  http://localhost:3001/api/todo
				changeOrigin: true, // 为true时代理在转发时, 会将请求头的host改为target的值
				pathRewrite: { // 路径重写, 在转发请求时自动去除路径的/dev-api
					"^/bilibili": "",
				},
			},
		},
	},

};